<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JQuary入门</title>

    <script type="text/javascript" src="../bootstroop/js/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        /*        window.onload=function () {
                    var btnObj = document.getElementById("btn");
                    btnObj.onclick=function () {
                        alert("js 原生的单击事件");
                    }
                }*/
        $(function () {
            var $btn = $("#btn");
            /*                        var document = $btn.document[0];
                                    document.onclick= function(){
                                        alert("11");
                                    };*/
            /*            $btn.onclick=function () {  不行
                            alert("Jquery 的单击事件")
                        };*/
            $btn.click(function () {
                alert("Jquery 的单击事件")
            });
        });
    </script>
</head>
<body>
<button id="btn">SayHello</button>
</body>
</html>